﻿
@{
    ViewBag.Title = "Analysis";
}

<style>
    .table-striped a {
        text-decoration: underline;
    }

    .span-success {
        color: #5cb85c;
        font-weight: bolder;
    }

    .span-danger {
        color: #d9534f;
        font-weight: bolder;
    }

    .span-info {
        color: #5bc0de;
        font-weight: bolder;
    }

    h6 {
        font-weight: bold !important;
    }
</style>

<div>
    <!-- Slider (Flex Slider) -->

    <div class="container" style="min-height:500px;">

        <div class="row">
            <div class="col-xs-3">
                <ul class="nav default-sidenav">
                    <li>
                        @Html.ActionLink("用户中心", "UserCenter", "Student", new { @class = "fa fa-cogs" })
                    </li>
                    <li class="active">
                        @Html.ActionLink("统计分析", "Analysis", "Student", new { @class = "fa fa-cogs" })
                    </li>
                    <li>
                        @Html.ActionLink("考试历史", "ExamHistory", "Student", new { @class = "fa fa-cogs" })
                    </li>
                </ul>
            </div>
            <div class="col-xs-9">
                <div class="page-header">
                    <h1><i class="fa fa-bar-chart-o"></i> 统计分析</h1>
                </div>
                <div class="page-content row">
                    <div class="col-xs-12">
                        <div id="question-list">

                            <c:foreach items="${kparl }" var="item">
                                <table class="table-striped table">
                                    <thead>
                                        <tr>
                                            <td colspan="4">
                                                <h6>${item.knowledgePointName }</h6>
                                                <span style="color:#428bca;">学习进度：<fmt:formatnumber value="${item.finishRate }" type="percent" /></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>题型</td>
                                            <td>未做</td>
                                            <td>做对题目</td>
                                            <td>做错题目</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <c:foreach items="${item.typeAnalysis }" var="i">
                                            <tr>
                                                <td>${i.questionTypeName }</td>
                                                <td><span class="span-info">${i.restAmount }</span> </td>
                                                <td><span class="span-success">${i.rightAmount }</span></td>
                                                <td><span class="span-danger">${i.wrongAmount }</span> </td>
                                            </tr>
                                        </c:foreach>
                                    </tbody>
                                    <tfoot></tfoot>
                                </table>
                            </c:foreach>

                        </div>
                    </div>


                </div>

            </div>
        </div>
    </div>
</div>